{% extends "base.html" %} {% block extrahead %}
<link type="text/css" rel="stylesheet" href="/static/jquery-ui-1.11.4.custom/jquery-ui.min.css" />
<script type="text/javascript" src="/static/jquery-ui-1.11.4.custom/jquery-ui.min.js"></script>
<script type="text/javascript" charset="utf-8">
    $(function () {
        console.log("document ready");
        var cache = {};
        $("#namefrom").autocomplete({
                minLength: 1
                , focus: function (event, ui) {
                    //$( "#new_pack1" ).val( ui.item.value);
                    return false;
                }
                , select: function (event, ui) {
                    $( "#namefrom" ).val( ui.item.value);
                    //$( "#new_id1" ).val( ui.item.pk );
                    //addrow(ui.item.pk, ui.item.value);
                    return false;
                }
                , source: function (request, response) {
                    var term = request.term;
                    if (term in cache) {
                        data = cache[term];
                        response(data);
                        return;
                    }
                    $.getJSON("/admin/lookups/ajax_lookup/pack", request, function (data, status, xhr) {
                        cache[term] = data;
                        response(data);
                    });
                }
            })
            .autocomplete("instance")._renderItem = function (ul, item) {
                return $("<li>")
                    .append("<a>" + item.pk + "_" + item.value + "</a>")
                    .appendTo(ul);
            };
        console.log("here");
        //      var todos=["a","b","c"];  
        //      console.log("document ready");  
        //      // function clearall(){  
        //      //     //$("#one").remove();  
        //      //     $("[one]").remove();  
        //      // } 
        //      function button_select_click(event){  
        //          console.log("button_select clicked");  
        //          console.log(event.data);  
        //          // console.log(event.data.row);  
        //          // event.data.row.remove();  
        //          // rowid=event.data.rowid;  
        //          // todos[rowid]=undefined;//=todos.slice(rowid);
        //          console.log(event.data.name);
        //          $("#"+event.data.tochange).val(event.data.name);
        //          $("#dialog").dialog("close");
        //      }     
        //      function showDialog(tochange){
        //          var start=0;
        //          var limit=3;
        //      	$.ajax({ 
        //      		type:'POST',
        //              dataType: "json",
        //      		url: "/rest/view_pack",
        //              data: {start:start,limit:limit,csrfmiddlewaretoken:$("#csrf_token").attr("value")},
        //      		//context: document.body,
        //              complete:function(){

        //              },
        //              error:function(XMLHttpRequest, textStatus, errorThrown){
        //                  console.log(errorThrown);
        //              },
        //      		success: function(data)
        //      		{
        //        	console.log("ajax done");
        //        	console.log(data);
        //         	var todolist=$("#dialog");
        //         	todolist.empty();
        //                  console.log(data.data);  
        //                  var tbl = $('<table id="table1"></table>');  
        //         	data.data.forEach(function(onerow){  
        // 		    console.log(onerow);  
        //               	//console.log(i);
        //                   var one = $('<tr one="true"></tr>');  
        //                   var rowid = $('<td>'+onerow.name+'</td>');  
        //                   var newEl = $('<td>'+onerow.id+'</td>');  
        //                   var btn_select = $('<td><button type="button">选择</button></td>');  
        //                   //btn.click(button_remove_click);  
        //                   btn_select.bind("click", { tochange:tochange,name:onerow.name,id:onerow.id},button_select_click );  
        //                   //var btnedit = $('<td><button type="button">edit</button></td>');  
        //                   //btnedit.click(button_edit_click);  
        //                   one.append(rowid);  
        //                   one.append(newEl);   
        //                   //one.append(btnedit);  
        //                   one.append(btn_select);  
        //                   tbl.append(one);
        //            }) 
        //            todolist.append(tbl);        
        //    	}
        // });
        //      	$("#dialog").dialog({
        //     //bgiframe: true,
        //     //resizable: false, height: "530",width:"200",
        //     //height:140,
        //     modal: true,
        //     overlay: {
        //         backgroundColor: '#000',
        //         opacity: 0.5
        //     },
        //     autoOpen: true,
        //     // buttons: {
        //     //     Cancel: function() {
        //     //         $(this).dialog('close');
        //     //     },
        //     // }
        // }); 
        //      }
        //      function buttonfrom_click(event){  
        //          console.log("buttonfrom clicked"); 
        //          showDialog("namefrom"); 

        //      }  
        //      function buttonto_click(event){  
        //          console.log("buttonto clicked"); 
        //          showDialog("nameto"); 
        //          // console.log(event.data);  
        //          // console.log(event.data.row);  
        //          // event.data.row.remove();  
        //          // rowid=event.data.rowid;  
        //          // todos[rowid]=undefined;//=todos.slice(rowid);  
        //      }          
        // function showall(){  
        //     clearall();  
        //     var todolist=$("#todo-list");  
        //     for(var i in todos){  
        //         if(todos[i]){  
        //             var one = $('<tr one="true"></tr>');  
        //             var rowid = $('<td>'+i+'</td>');  
        //             var newEl = $('<td>'+todos[i]+'</td>');  
        //             var btn_remove = $('<td><button type="button">remove</button></td>');  
        //             //btn.click(button_remove_click);  
        //             btn_remove.bind("click", { row:one,rowid:i},button_remove_click );  
        //             //var btnedit = $('<td><button type="button">edit</button></td>');  
        //             //btnedit.click(button_edit_click);  
        //             one.append(rowid);  
        //             one.append(newEl);   
        //             //one.append(btnedit);  
        //             one.append(btn_remove);  
        //             todolist.append(one);  
        //         }  
        //     }              
        // }  
        // function button_add_click(){  
        //     console.log("button_add clicked");  
        //     var newtodo=$("#new-todo");  
        //     todos.push(newtodo[0].value);  
        //     showall();  
        // }  
        // function button_clear_click(){  
        //     todos=[];  
        //     clearall();  
        // }          
        //$("#buttonfrom").click(buttonfrom_click);  
        //$("#nameto").val($("#csrf_token").attr("value"));
        // showall();  
    });
</script>
{% endblock %} {% block content %}
<div id="dialog" title="选择包"></div>
<div id="csrf_token" value={{ csrf_token }}>
    <div>
        <form method="post" action="/parts/copypack/">{% csrf_token %}
            <table>
                <tr>
                    <td>
                        <label for="id_from">包名称:</label>
                    </td>
                    <td>
                        <input id="namefrom" placeholder="至少输入两个字符" type="text" id="oldname" class="vTextField required" name="oldname" size="15" value="" maxlength="30" />
                        <!-- <button id="buttonfrom" type="button"><img src="/static/images/add.gif"></img></button> -->
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="id_to">新包名称:</label>
                    </td>
                    <td>
                        <input id="nameto" type="text" id="newname" class="vTextField required" name="newname" size="15" value="" maxlength="30" />
                        <!--button id="buttonto" type="button"><img src="/static/images/add.gif"></img></button -->
                    </td>
                </tr>
            </table>
            <input type="submit" value="复制" />
        </form>
        {% endblock %}